html,body,#app{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #FFFFFE;
  /* background-color: gray !important; */
  -moz-user-select: none; /*mozilar*/
  -webkit-user-select: none; /*webkit*/
  -ms-user-select: none; /*IE*/
  user-select: none;
  list-style-type: none;
  overflow:auto;
}
/* ::-webkit-scrollbar {
  width: 5px;
  height: 10%
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
}
  ::-webkit-scrollbar-thumb {
  background-color: orange;
  border-radius: 10px;
} */
::-webkit-scrollbar{
  width:8px;
  height:8px;
}
::-webkit-scrollbar-thumb{
  border-radius: 1em;
  /* background-color: rgba(150, 50, 50, 0.47); */
  background-color: orange;
} /* 滑块颜色 */
::-webkit-scrollbar-track{
  border-radius: 1em;
  background-color: #f1f1f1;
  /* background-color: rgba(55, 55, 55, 0.61); */
} /* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-button {
  background-color: transparent;
  height: 0px;
  width: 0px
} /* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {
  background-color: transparent;
  height: 0px;
  width: 0px;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

ul{
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  color: pink;
}
/* 标题 */
.title {
  color: #f4f4f5;
}
/* 内容部分 */
.appBgImg {
  background: #000;
}
.bgImg {
  width: 100%;
  /* height: 300%; */
  background: url('/static/img/bg/13.jpg') no-repeat;
  /* background-size:100% 100%; */
  background-attachment:fixed;
  /* position: absolute; */
  /* width: 100%; */
  /* height: 100vh; */
  /* background-size: cover; */
  /* background: url('/static/img/bg/24.jpg') no-repeat; */
  /* background: url('/boke/boke/static/img/bg/12.jpg'); */
  padding-top:100px;
  background-size: cover;
}
.border {
  position: absolute;
  margin-left: 92px;
  margin-top: 51px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6);
  transform: rotateY(0);
  width: 20px;
  height: 28px;
}
.body {
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: red; */
  /* padding-top:200px; */
  /* background-color: rgba(0,0,0,.2); */
  /* background-color: rgba(255,255,255,.5); */
}
.wenzi {
  color: #f56c6c;
  display: flex;
  align-items: center;
  /* margin-bottom: 100px; */

}
.bodyBg {
  width: 100%;
  background-color: #f6f3ef;
  margin-top: 50px;
}
.body-children {
  width: 900px;
  margin: 50px auto;
  text-align: center;
  /* background-color: #f6f3ef; */
  /* background-color: red; */
}
/* 旋转 */
/* .header-touxiang>.tx:hover */
.img-enter-active {
  animation: animation2 1s;
}
.img-leave-active {
  animation: animation2 1s reverse;
}
/* 鼠标悬停，旋转停止 */
@keyframes animation2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* @keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
} */

.header-touxiang>.tx:hover {
cursor: pointer;
animation: animation2 1s ease;
animation-fill-mode : forwards;/*保持结束位置*/

}
